<h:panelGroup xmlns:h='http://java.sun.com/jsf/html'
              xmlns:p='http://primefaces.org/ui'
              xmlns:z='http://savanti.com.bo/ui'
              xmlns:x='http://java.sun.com/jsf/composite/ui/component'
              xmlns:e='http://java.sun.com/jsf/composite/ui/component-entity' styleClass='ITSolicitud' id='ITSolicitud'><p:growl id='growl'/>

<z:beanMenubar bean='#{ITSolicitud}' title='Solicitud #{ITSolicitud.entity.id}'/>


<h:panelGrid columns='1' width='100%' rendered='#{ITSolicitud.form}'>

<h:panelGrid id='bean' columns='2' styleClass='bean align-top'>

  <x:beanPanel id='hd' bean='#{ITSolicitud}' title='Cabecera' cellpadding='7'>

  <e:fieldD b='#{bean}' p='Solicitud'   w='100px'/>

  <e:fieldD b='#{bean}' p='Necesidad'   w='100px'/>

  <x:fieldS b='#{bean}' t='Persona'  v='#{bean.entity.persona}'  x='#{x}' xL='#{x.nombre}' id='personaId' onkeydown='tab()' w='100px'/>

  <e:fieldI b='#{bean}' p='Referencia'  w='100px'/>

  <e:fieldA b='#{bean}' p='Observacion' w='100px'/>

  </x:beanPanel>


  <x:beanPanel id='ps' bean='#{ITSolicitud}' title='Posicion' cellpadding='5' style='min-width: 500px'>

  <h:panelGrid columns='1' cellpadding='3' style='margin-right: 22px'>

  <x:fieldM b='#{bean}' t='Producto' v='#{bean.detail.material}' x='#{x}' id='materialId'/>

  <x:fieldA b='#{bean}' t='Cantidad' v='#{bean.detail.solicitado}' l='detailAdd' id='cantidadId'/>

  </h:panelGrid>

  <x:materialImage c='#{ITSolicitud.detail.material.codigo}'/>

  </x:beanPanel>

</h:panelGrid>

<x:materialTable bean='#{ITSolicitud}' ls='#{ITSolicitud.entity.lsSolicitudDetalle}' edit='false'>

<p:column headerText='Nombre'   sortBy='#{x.material.nombre}'><h:outputText value='#{x.material.codigo} - #{x.material.nombre}'/></p:column>

<p:column headerText='Cantidad' sortBy='#{x.solicitado}' style='width:55px'><z:outputN v='#{x.solicitado}' r='0'/></p:column>

</x:materialTable>

</h:panelGrid>


<e:dataTable bean='#{ITSolicitud}'>

<z:columnT t='Solicitud' v='#{x.id}' w='60px'/>

<z:columnT t='Persona'   v='#{x.persona.nombre}'/>

<z:columnT t='Documento' v='#{x.referencia}'/>

<z:columnD t='Solicitud' v='#{x.solicitud}' w='70px' x='t'/>

<z:columnD t='Necesidad' v='#{x.necesidad}' w='70px' x='t'/>

</e:dataTable>

</h:panelGroup>